/* CSS Document */

/* If Index page */
#showmemoney { display:inline;visibility:visible; } 
#showmestatus { display:inline;visibility:visible; } 
#content-wrapper .inner-wrapper { padding: 0 0 3em 0; }
#main, #sidebar-wrapper { width: 100%; display: block; float: none;border-bottom:0; }
#sidebar { padding: 3em 0 0; }
#sidebar .widget { width: 98%; margin: 0 1%; }
.post-body { padding: 0; }
table.product-image { }
table.product-image th { display:block!important; width: 100%; }
table.product-image tbody, table.product-image th, table.product-image tr,  th#thumb div.separator {width: 100%; display: block; text-align:center;}
th#thumb div.separator a{ margin:0 auto!important;}
th#thumb div.separator { width: 240px; position: relative;top:0;display: block; left:-28px; height: 24em;}
th#thumb div.separator img { height: 15em; width: 80%; text-align:center;margin:0 auto;}
h2.item_name { 
position:absolute; 
top:0; 
left:0; 
height:2em; 
display:block; 
font-size:11px!important; 
font-weight:400!important; 
text-align:center; 
line-height:1.2; 
width:87%; 
color:#000; 
margin:0 0 0 0; 
z-index:9; 
} 

.item_name a { 
color:#000; 
min-height:4em; 
width:100%; font-weight:bolder;
display:block;
border: #fff 1px solid; 
padding-top:25em; /* ADJUST THE HEIGHT OF TITLE HERE */ 
font-family:arial,tahoma,verdana,sans-serif;text-align:left;
} 

.item_name a:hover { 
background:none; /* CHANGE HOVER COLOR HERE  filter:alpha(opacity=25);moz-opacity:.25;-khtml-opacity:.25;opacity:.25;*/
color:#cc3333; font-weight:bolder;
border: #000 1px solid;
} 
.itemprice { position: absolute; color:#fff; bottom:8em; left:0; font-size: 80%; text-align:center; font-family: arial,tahoma,verdana,sans-serif; font-weight: 600; z-index:18; margin: 0 auto; width: 50%; background : #cc3333;filter: }

.itemstatus { position: absolute; color:#fff; bottom:8em; left:0; font-size: 70%; text-transform:uppercase; text-align:left; font-family: arial,tahoma,verdana,sans-serif; font-weight: 400; z-index:18; margin: 0 auto;margin-left:1px; width: 35%; background:#333;}
.blog-posts { overflow: auto; overflow-y:hidden;}
.post-body { overflow:hidden; display: block; width: 100%;height: 24em;}
.post { position: relative; float: left; width: 20%; height: 24em; display: inline-block;padding:0;border:0;}
.post table, .post th, .post tr, .post td {border: 0; } 

table.descriptions, .total-quantity, .label-quantity,.item_quantity,.post-footer, .item_size, .item_color, a.item_add, .jump-link, .label-stock { display:none;}
@media only screen and (max-width:800px) {h2.item_name { bottom: 0em; background-color:#fff ; }
.post{width:100%; margin-left:auto; margin-right: auto; float: none; display: block;text-align: center;}
th#thumb div.separator { width: 100%; position: static; margin-left:auto; margin-right: auto;text-align: center;float: none; min-height:32em;}
th#thumb div.separator img, .post, .post-body { height: 32em;}
table.product-image, table.product-descriptions { margin:0 auto text-align: center;}
#showmemoney { display:none;visibility:hidden; } 
#showmestatus { display:none;visibility:hidden; } 
}